@charset "UTF-8";
/*全局样式*/
*{
  margin:0;padding:0;font-family: 微软雅黑;
}          /*外边距内边距清零 字体为微软雅黑*/
ul,ol{
  list-style: none;
}          /*列表前的前缀去掉*/
a,s,del,u{
  color:#333;text-decoration: none;
}          /*设定超链接. 下滑线. 删除线等字体颜色和清除字体的下缀*/
h1,h2,h3,h4,h5,h6,i,em,strong,b{
  font:normal 12px '微软雅黑';
}          /*清除它们的加粗效果，统一设置字体和字体大小*/
input,select,textarea,button,a{
  outline: none;
}          /*清除它们的焦点框*/
textarea{
  resize: none;
}          /*清除文本域 框可以随意拉动*/
img{
  border:none;
}          /*图片转换为块级元素，清除图片边框*/
.clear{
  clear:both
}         /*同级清浮动*/
.clearfix:after{
  content:'';width:0;height:0;display: block;visibility: hidden;clear:both;
}         /*父级清浮动*/
a:active {
  background: none;
}
.container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}


body {
  background: #f1f1f1;
}
/*头部*/
.header {
  a {
    font-family: '宋体';
  }
  .progress {
    overflow: hidden;
    margin-top: 18px;
    width: 561px;
    float: right;
    .on:after {
      background: #15156b;
    }
    li {
      width: 187px;
      text-align: center;
      float: left;
      &:after {
        content: '';
        display: block;
        height: 4px;
        width: 185px;
        border: 1px solid #c1c1c1;
        background: #e2e2e2;
        margin-top: 8px;
      }
      &:first-child:after {
        border-radius: 3px 0 0 3px;
      }
      &:nth-child(2):after {
        border-left: none;
        border-right: none;
        width: 187px;
      }
      &:last-child:after {
        border-radius: 0 3px 3px 0;
      }
    }
  }
  .top {
    height: 30px;
    background: #dddddd;
    .login {
      float: left;
      span {
        font-size: 12px;
        color: #666666;
        line-height: 30px;
        +a {
          font-size: 12px;
          color: #15156d;
          margin-left: 50px;
          line-height: 30px;
          +a {
            font-size: 12px;
            color: #666666;
            margin-left: 14px;
            line-height: 30px;
          }
        }
      }
    }
    .classify {
      float: right;
      a:first-child {
        margin-right: 24px;
        font-size: 12px;
        color: #666666;
        line-height: 30px;
        float: left;
      }
      .collect {
        margin-right: 28px;
        font-size: 12px;
        color: #666666;
        line-height: 30px;
        float: left;
        img:first-child {
          margin-right: 2px;
          position: relative;
          top: 3px;
        }
      }
      .service {
        margin-right: 22px;
        line-height: 30px;
        float: left;
        div {
          display: inline-block;
          cursor: pointer;
          vertical-align: top;
          span {
            font-size: 12px;
            color: #132883;
            text-decoration: underline;
          }
          a {
            display: block;
            font-size: 12px;
            color: #ffffff;
            line-height: 12px;
            visibility: hidden;
            background: blue;
            padding: 4px;
            position: relative;
            right: 4px;
          }
        }
        img:first-child {
          margin-right: 2px;
          position: relative;
          top: 4px;
        }
      }
      p {
        font-size: 12px;
        color: #666666;
        margin-right: 2px;
        line-height: 30px;
        float: left;
        span {
          font-size: 14px;
          color: #15156b;
          margin-left: 8px;
          line-height: 30px;
          position: relative;
          top: 1px;
        }
      }
    }
  }
  .middle {
    padding-top: 20px;
    .logo {
      display: inline-block;
    }
    .search {
      display: inline-block;
      margin-left: 220px;
      padding-top: 12px;
      form {
        overflow: hidden;
        input {
          float: left;
          border: 2px solid #15156a;
          width: 388px;
          line-height: 36px;
          padding-left: 10px;
          font-size: 12px;
          color: #999999;
        }
        button {
          border: none;
          background: #15156a;
          float: left;
          width: 98px;
          line-height: 40px;
          font-size: 20px;
          color: #fffefe;
          cursor: pointer;
        }
      }
      .product {
        margin-top: 3px;
        a {
          display: inline-block;
          font-size: 12px;
          color: #999999;
          padding-right: 10px;
          border-right: 1px solid #999999;
          margin-left: 10px;
          line-height: 12px;
          &:first-child {
            margin-left: 0;
          }
          &:last-child {
            border: none;
          }
        }
      }
    }
    .shop {
      margin-top: 12px;
      float: right;
      border: 1px solid #cccccc;
      line-height: 38px;
      padding: 0 28px 0 66px;
      font-size: 18px;
      color: #333333;
      background: url("../img/index_5.png") no-repeat 24px 7px;
      letter-spacing: 1px;
    }
  }
  .bottom {
    height: 36px;
    background: #15156b;
    margin-top: 20px;
    .sub_nav {
      width: 208px;
      display: inline-block;
      &:hover span {
        background: #0000cc;
      }
      span {
        display: block;
        line-height: 36px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
      }
      .subNav {
        background: #f6f6f6;
        position: relative;
        z-index: 10;
        display: none;
        dl {
          padding: 14px 4px 14px 18px;
          border-bottom: 1px solid #cccccc;
          font-size: 0;
          &:last-child {
            border: none;
          }
          dt {
            font-size: 14px;
            color: #000000;
          }
          dd {
            margin-top: 14px;
            display: inline-block;
            margin-right: 14px;
            a {
              font-size: 12px;
              color: #666666;
              &:hover {
                color: #0000cc;
              }
            }
          }
        }
      }
    }
    .nav {
      display: inline-block;
      font-size: 0;
      vertical-align: top;
      margin-left: -10px;
      li {
        display: inline-block;
        width: 97px;
        line-height: 36px;
        text-align: center;
        position: relative;
        &:before {
          content: '';
          display: block;
          width: 1px;
          height: 14px;
          background: #dedee6;
          position: absolute;
          top: 11px;
        }
        &:after{
          content: '';
          display: block;
          width: 1px;
          height: 14px;
          background: #adadc3;
          position: absolute;
          top: 11px;
          left: 1px;
        }
        &:first-child:before {
          display: none;
        }
        &:first-child:after {
          display: none;
        }
        a {
          display: block;
          font-size: 14px;
          color: #ffffff;
          width: 95px;
          margin-left: 2px;
          &:hover {
            background: #0000cc;
          }
        }
      }
    }
  }
}

/*底部*/
.footer {
  background: #ffffff;
  padding-top: 52px;
  .access {
    padding-bottom: 46px;
    border-bottom: 1px solid #cccccc;
    li {
      width: 300px;
      float: left;
      text-align: center;
      img {
        display: inline-block;
        margin-right: 10px;
      }
      .text {
        display: inline-block;
        vertical-align: top;
        h3 {
          font-size: 26px;
          color: #666666;
          text-align: left;
          margin-bottom: 6px;
        }
        p {
          font-size: 20px;
          color: #a4a4a4;
          text-align: left;
        }
      }
    }
  }
  .service {
    padding-top: 20px;
    overflow: hidden;
    dl {
      padding-left: 56px;
      float: left;
      width: 184px;
      dt {
        font-size: 18px;
        color: #333333;
        line-height: 36px;
      }
      dd {
        line-height: 28px;
        a {
          font-size: 14px;
          color: #666666;
        }
      }
    }
    .scan {
      width: 240px;
      float: left;
      p {
        text-align: center;
        letter-spacing: 2px;
      }
      img {
        display: block;
        margin: 18px auto 0;
      }
    }
  }
  .record {
    margin-top: 32px;
    text-align: center;
    p {
      text-align: center;
      font-size: 12px;
      color: #666666;
      font-family: '宋体';
    }
    ul {
      display: inline-block;
      overflow: hidden;
      margin-top: 12px;
      li {
        float: left;
        margin: 0 3px;
      }
    }
  }
}


